import React, { Component } from 'react';

import './index.less';
export default class StepList extends Component {

  render() {

    return (
      <div className='StepList'>
        <div className="StepList_title">
          <p className='title'>如何使用</p>
          <p className='desp'>颠覆传统的开票方式，一站式的快速开票</p>
        </div>
        <div className="StepList_item">
          <div className="StepList_item_text">
            <p className='title'>第一步</p>
            <p>
              通过查询企业名称获取6位开票代码以及企业名片二维码~
            </p>
          </div>
          <div>
            <img src='//nnfw.jss.com.cn/A5D59277EC8F4AD5A0A03701286EFBD1/step1.jpg' alt="" />
          </div>
        </div>
        <div className="StepList_item">
          <div>
            <img src='//nnfw.jss.com.cn/5B1E9E7CD1BC4C4CA2BAC106492CFC8C/step2.jpg' alt="" />
          </div>
          <div className="StepList_item_text">
            <p className='title'>第二步</p>
            <p>
              在开票软件中打开【发票填开】页面~
            </p>
          </div>

        </div>
        <div className="StepList_item">
          <div className="StepList_item_text">
            <p className='title'>第三步</p>
            <p>
              在界面左上角输入框内填写六位代码~
            </p>
          </div>
          <div>
            <img src='//nnfw.jss.com.cn/580A2E2F0BFD4CCF8027A8CBF434ED39/step3.jpg' alt="" />
          </div>
        </div>
        <div className="StepList_item">
          <div>
            <img src='//nnfw.jss.com.cn/339E22591B9D49A58BB55639E4283FF4/step4.jpg' alt="" />
          </div>
          <div className="StepList_item_text">
            <p className='title'>第四步</p>
            <p>
              在发票明细区输入发票内容及金额，然后开票~
            </p>
          </div>

        </div>
      </div>

    )
  }
}